<html>
    <head>
        <meta charset="utf-8">
        <title>数据可视化系统NGraph</title>
        <link rel="stylesheet" href="../assets/stylesheets/global.css">
        <link rel="stylesheet" href="../assets/stylesheets/words.css">
        <link rel="stylesheet" href="../assets/stylesheets/monokai.css">
        <link rel="stylesheet" href="../assets/stylesheets/table.css">
        <link rel="shortcut icon" href="../assets/images/favicon.ico" type="image/x-icon">
        <link rel="icon" href="../assets/images/favicon.ico" type="image/x-icon">
        <script>
            // 统计代码
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-93231524-1', 'auto');
            ga('send', 'pageview');
        </script>
    </head>
    <body>
        <div id="header">
            <a href="../index.html"><div id="logo">JG</div></a>
        </div>
        <div id="container" class="typo">
            <div id="article">
                <h1>数据可视化系统NGraph</h1>
                <h4>Posted March 13, 2017</h4>

                <p>去年重写了报表系统并为之取名为NGraph, 目的是做一套可以通过API提交数据来生成可视化数据的系统。</p>

<p>此系统第一版本只有报表项目， NGraph加入了监控报表的概念， 来区分报表项目， 并且优先级大于报表项目。 同时还有数据导出的工具. 报表目前支持table和pie.</p>

<h1>相关功能截图</h1>

<p><p class="hassubimage"><img src="/uploads/images/ngraph/ngraph-dashboard.png" alt=""></p>
                    <p class="img-title">仪表盘</p></p>

<p><p class="hassubimage"><img src="/uploads/images/ngraph/ngraph-monitor.png" alt=""></p>
                    <p class="img-title">报表项目</p></p>

<p><p class="hassubimage"><img src="/uploads/images/ngraph/ngraph-database.png" alt=""></p>
                    <p class="img-title">数据导出</p></p>

<p><p class="hassubimage"><img src="/uploads/images/ngraph/ngraph-pie.png" alt=""></p>
                    <p class="img-title">饼图支持</p></p>

<p>其实很想把此项目完善下并开源， 但是觉得功能有点少， 而且目前有Grafana这样的开源系统， 开源的计划也就停止了.</p>

            </div>
            <div id="footer">
                <a href="../words.html"><div id="more-words">MORE WORDS</div></a>
            </div>
        </div>
    </body>
</html>